<?php 
	require "../Security/validateSession.php";
	require "../classes/DB.php";
	require "../lib/menu.php";
	require "../lib/utils.php";
	checkSession();
?>
<html><!-- InstanceBegin template="/Templates/tmpl.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Operadora IRENK</title>
<!-- InstanceEndEditable -->

<!-- Inician Librerias necesarias para mensajes flotantes...-->
<script type="text/javascript" src="../js/yui/build/yahoo/yahoo-min.js" ></script>
<script type="text/javascript" src="../js/yui/build/event/event-min.js" ></script>
<script type="text/javascript" src="../js/yui/build/dom/dom-min.js"></script>
<script type="text/javascript" src="../js/yui/build/dragdrop/dragdrop-debug.js" ></script>
<script type="text/javascript" src="../js/yui/examples/dragdrop/js/DDOnTop.js" ></script>
<script type="text/javascript" src="../js/yui/build/connection/connection.js" ></script>
<script src="../js/conexiones.js" language="javascript" type="text/javascript"></script>

<style type="text/css">
.testSquare {
    border:0px solid #666;text-align:center;color:#fff;cursor:move;position:absolute;height:180px;width:250px;
}
.etq_mensaje_flotante{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000;	
}
</style>
<!-- Terminan Librerias necesarias para mensajes flotantes...-->

<script language="javascript" src="../js/utils.js"></script>
<link href="../css/base.css" rel="stylesheet" type="text/css" />
<link href="../css/irenk.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body topmargin="0">
<table border="0" cellpadding="0" cellspacing="0" align="center" style="height:100%;">
    <tr>
    <td height="100%" width="25" class="leftMargin" ></td>
    <td><table width="900" border="0" align="center" cellpadding="0" cellspacing="0" height="100%">
        <tr>
          <td class="headerPixel" width="500" height="70" valign="top">
          	&nbsp;&nbsp;&nbsp;
            <img src="../images/temp/logo.jpg"></td>
            <td class="header" width="205" height="70"></td>
        </tr>
        <tr>
            <td class="back" colspan="2">
       	  	<table border="0" cellpadding="0" cellspacing="0" width="900" height="100%">
                	<tr>
                    	<td width="170" valign="top">
                        	<?php 
							echo '<br />&nbsp;&nbsp;&nbsp;Bienvenido(a)<br>&nbsp;&nbsp;&nbsp;'.$_SESSION["Nombre"].'<br />';
							createMenu(); 
							
							?>
                        </td>
                        <td rowspan="2" width="712" align="center" valign="top">
                        	<br />
                            <!-- InstanceBeginEditable name="submenu" -->
                            <?php 								
								$tipo='Hotel';
								$seccion=3;
								createSub($tipo,$seccion);
							?>
                            <!-- InstanceEndEditable -->
                        	<!-- InstanceBeginEditable name="body" -->                            	
               		  			<table class="mainTable"  cellpadding="0" cellspacing="0" width="95%" height="90%">
                                	<tr><th>Pagos</th></tr>
                                    <tr><td align="center" valign="top">
                                    <?php
										require "Pagos_HTML.php";
									?>
                                    </td></tr>
                                </table>                            
                            <!-- InstanceEndEditable -->
                            <br />
                        </td>
                  </tr>
                  <tr>
                  	<td class="menuImage" width="170">&nbsp;</td>                  
                  </tr>
                </table>
            </td>
        </tr>
        <tr>
          <td colspan="2" class="footer" height="24"></td>
        </tr>
    </table></td>
  	<td width="25" class="rightMargin"></td>
	</tr>
</table>


<!-- Inicia Codigo necesario para los mensajes flotantes... -->
<?php
	$total = 0;	// Para saber cuantos pendientes se encontraron..
	$totalMensajes = 0;
	$error = false;	// Para saber si hubo error o no al momento de conectar con base de datos..
	$posx = 20;
	$posy = 170;
	$idquery = NULL;
	$datos = NULL;
?>

<style type="text/css">

<?php 
	$profile=get_object_vars(unserialize($_SESSION['userProfile']));
	$tipoU = $profile['data']['tipo_usuario'];
	$idProcedencia = $profile['data']['id_procedencia'];	
	if($tipoU == 'Maestro'){

		// Todos los pendientes...
		$objM = new MensajesFlotantes();
		//$sql = "Select * from mensajes where status = 0";
		$totalMensajes = $objM->getTotalMensajesTo($idProcedencia);
////
////		$idquery = mysql_query($sql,$linkDB);
////		//$datos = mysql_fetch_array($idquery);
////		$totalPendientes = mysql_num_rows($idquery);
		$indice = 0;
		while($indice < $totalMensajes){
			// Mientras tengamos notas concifugramos la apariencia y posicion de los elementos div...
			print('
				#dragDiv'.$indice.' {
    				background:url(../images/fondo_mensaje.gif) 0 0 no-repeat;
				    top:'.$posy.'px; left:'.$posx.'px;
				}
				');
				// aumentemoa posicion x en 20px mas... 
				$posx+=60;
				// si posicion x llega a 250, regresamos posicion x a 50 y
				// posicion y aumentamos en 20px..
				if ($posx==320){
					$posx = 20;
					$posy+=60;
				}
			$indice++;
		}

	
?>

</style>

<?php  
	// Ahora creamos los elementos div, siempre y cuando no haya ocurrido un error arriba...

		$indice = 0;
		// listamos los mensajes...
		$mensajes = $objM->getMensajesTo($idProcedencia);
		foreach($mensajes as $m){
			print ('
				<div id="dragDiv'.$indice.'" class="testSquare"  align="left">
				  
					<span class="etq_mensaje_flotante" style="text-decoration:underline"><img src="../images/down.gif" />Mensaje '.$m["Prioridad"].'</span><br />
					<span class="etq_mensaje_flotante" >Fecha: <font style="font-size:9px; color:#000000">'.$m["Fecha_Mensaje"].'</font></span><br />
					<span class="etq_mensaje_flotante" >Asunto: <input type="text" value="'.$m["Asunto"].'" style="width:180px; font-size:11px; height:20px; background-color:#eeeeee" readonly="readonly" /></span><br />	
				  <center>												
					<div align="center" style="overflow:scroll; height:80px; width:230px; border:1px solid #000000; background-color:#eeeeee; color:#000000">
						<table width="100%" border="0">
							<tr>
								<td class="labels" align="left"> '.$m["Mensaje"].'
								</td>
							</tr>
						</table>
					</div>
						<hr width="160px" />
						<table width="160px" border="0">
							<tr>
								<td align="left"><img src="../images/ocultar.gif" width="16" height="16" alt="Ocultar mensaje" style="cursor:pointer" onclick="ocultarMensajeFlotante(document.getElementById(\'dragDiv'.$indice.'\'));" />
								</td>
								<td align="right"><img src="../images/eliminar.png" width="16" height="16" alt="Mensaje leido" style="cursor:pointer" onclick="mensajeLeido(document.getElementById(\'dragDiv'.$indice.'\'),'.$m['Id_Mensaje'].',0);" />
								</td>
							</tr>
						</table>			
				  </center>
				</div>
			');
			$indice++;
		}


?>
	
<?php
	// Ahora crealos los elementos drag and drop para los pendientes...

		$indice = 0;
		
		print ('		 <script type="text/javascript" language="JavaScript"> 

				YAHOO.example.DDApp = function() {
				');
		while ($indice < ($totalMensajes)){
			print ('				
					var dd'.$indice.';
					');
			$indice++;
		}						
					//, dd2, dd3;
		print('		
					return {
						init: function() {
			');
			
		$indice = 0;
		while ($indice < ($totalMensajes)){
			print ('						
							dd'.$indice.' = new YAHOO.example.DDOnTop("dragDiv'.$indice.'");
			');		
			$indice++;
		}		
							
		print ('
						}
					};
				} ();

	
		YAHOO.util.Event.addListener(window, "load", YAHOO.example.DDApp.init);  
		
////		window.moveTo(0,0);
////		window.resizeTo(screen.availWidth, screen.availHeight);  
	</script>
		');
	}
?>
<!-- Termina codigo necesario para los mensajes flotantes -->

</body>
<!-- InstanceEnd --></html>
